html,
body {
  overflow: scroll;
}

main {
  overflow: hidden;
  .km-num {
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    height: 96px;
    width: 100%;
  }
  p {
    height: 30px;
    line-height: 30px;
  }
  .km {
    height: 64px;
    line-height: 64px;
    span {
      font-size: 48px;
      color: #4294ff;
    }
  }
  .map {
    height: 485px;
    .map-type {
      div {
        width: 80px;
        height: 30px;
        background-color: #9cbce2;
        text-align: center;
        line-height: 30px;
        color: #fff;
        border-radius: 15px;
      }
    }
    .big-go {
      margin: 0 auto;
      width: 190px;
      height: 190px;
      border-radius: 50%;
      background: #5495ea9f;
      color: #1f96d0;
      line-height: 190px;
      font-size: 90px;
      text-align: center;
    }
    .target-box {
      .target {
        width: 110px;
        height: 40px;
        background-color: #9cbce2;
        text-align: center;
        line-height: 40px;
        color: #fff;
        border-radius: 20px;
        background: #4294ff;
        span {
          font-size: 16px;
        }
      }
    }
  }
}
.run-way {
  padding: 0 20px 0 20px;
  box-sizing: border-box;
  height: 96px;
  width: 100%;
}
.foot-div {
  height: 77px;
  width: 100%;
}
